﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Test</title>
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.12.4/jquery-1.12.4.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
    <div> 

        <input value="测试" type="button" id="share" />
    </div>

    <script>
        $("body").on('click', '#share', function () {
            $.ajax({
                type: "post",
                url: "@(Url.Action("Share"))?url=" + escape(location.href.split('#')[0]),

                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: function (data) {
                    //拿到返回的id
                    var getAppId = data.appId;
                    var getTimestamp = data.timestamp;
                    var getNonceStr = data.nonceStr;
                    var getSignature = data.signature;


                    wx.config({
                        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                        appId: getAppId, // 必填，公众号的唯一标识
                        timestamp: getTimestamp, // 必填，生成签名的时间戳
                        nonceStr: getNonceStr, // 必填，生成签名的随机串
                        signature: getSignature,// 必填，签名，见附录1
                        jsApiList: [  // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                            'onMenuShareTimeline',
                            'onMenuShareAppMessage'
                        ]
                    });

                    wx.ready(function () {
                        //分享到朋友圈
                        wx.onMenuShareTimeline({
                            title: "title", // 分享标题
                            link: "http://baidu.com", // 分享链接
                            imgUrl: "http://baidu.com/logo.gif", // 分享图标
                            success: function () {
                                // 用户确认分享后执行的回调函数
                                //alert('分享成功');
                            },
                            cancel: function () {
                                // 用户取消分享后执行的回调函数
                                //alert('取消分享');
                            }
                        });
                        //分享到朋友
                        wx.onMenuShareAppMessage({
                            title: "title", // 分享标题
                            desc: "desc", // 分享描述
                            link: "http://baidu.com", // 分享链接
                            imgUrl: "http://baidu.com/logo.gif", // 分享图标
                            type: 'link', // 分享类型,music、video或link，不填默认为link
                            dataUrl: "http://baidu.com/logo.gif", // 如果type是music或video，则要提供数据链接，默认为空
                            success: function () {
                                // 用户确认分享后执行的回调函数
                                //alert('分享成功');
                            },
                            cancel: function () {
                                // 用户取消分享后执行的回调函数
                                //alert('取消分享');
                            }
                        });
                        //检查微信接口是否调用成功
                        wx.checkJsApi({
                            jsApiList: ['onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                            success: function (res) {
                                // 以键值对的形式返回，可用的api值true，不可用为false
                                // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                            }
                        });
                    });
                },
                error: function (data) {

                }
            });
        })
    </script>
</body>
</html>
